<template>
  <div class="Apply_bj">
    <div class="flexC">
      <div class="flex">
        <ul class="Inv_ul flex AlignItemsC colorF font_s24  Bold">
          <li  class="flexC JustifyContentFE flex2 textC cursor"><p>常规检查</p></li>
        </ul>
      </div>
      <div class="flexC myscrollbar" style="">
        <ul class="flex colorF font_s20  Bold" style="width:100rem;border: 1px solid rgba(0, 255, 255, 1);">
          <li class="textC ula_li">序号</li>
          <li class="textC ula_li">来源</li>
          <li class="textC ula_li">发现时间</li>
          <li class="textC ula_li">机构代码</li>
          <li class="textC ula_li">机构名称</li>
          <li class="textC ula_li">被监管对象</li>
          <li class="textC ula_li">处置方式</li>
          <li class="textC ula_li">监管问题表述</li>
          <li class="textC ula_li">监管时段</li>
          <li class="textC ula_li">处置状态</li>
          <li class="textC ula_li">监管确认内容表述</li>
          <li class="textC ula_li">风险计分</li>
          <li class="textC ula_li">信用计分</li>
          <li class="textC ula_li">处置人</li>
          <li class="textC ula_li">处置完成时间</li>
          <li class="textC ula_li">处置结果</li>
        </ul>
        <ul v-for="(item, index) in cgList" class="evenbgColor flex colorF Bold textC AlignItemsC" :key="'list' + index" style="width:100rem">
          <li class="textC ula_li">{{ index + 1 }}</li>
          <li class="textC ula_li">{{ item.ly }}</li>
          <li class="textC ula_li">{{ item.fxsj }}</li>
          <li class="textC ula_li">{{ item.jgdm }}</li>
          <li class="textC ula_li">{{ item.jgmc }}</li>
          <li class="textC ula_li">{{ item.bjgdx }}</li>
          <li class="textC ula_li">{{ item.czfs }}</li>
          <li class="textC ula_li">{{ item.jgwtms }}</li>
          <li class="textC ula_li">{{ item.kgsd }}</li>
          <li class="textC ula_li">{{ item.czzt }}</li>
          <li class="textC ula_li">{{ item.jgqrnrbs }}</li>
          <li class="textC ula_li">{{ item.fxjf }}</li>
          <li class="textC ula_li">{{ item.xyjf }}</li>
          <li class="textC ula_li">{{ item.czr }}</li>
          <li class="textC ula_li">{{ item.czwcsj }}</li>
          <li class="textC ula_li">{{ item.czjg }}</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import { cgList } from './LeftList.js'
export default {
  data () {
    return {

      arr1: [],
      cgList
    }
  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.Apply_bj {
  width: 100%;
  height: 100%;
  .Inv_ul {
    width: 89.375rem;
    height: 4.375rem;
    color: rgba(255, 255, 255, 0.5);
    font-weight: bold;
    margin: 1.285rem auto 0.825rem;
  }
  .Inv_ula {
    // width: 88.99rem;
    // height: 4.375rem;
    font-weight: bold;
    border: 1px solid rgba(0, 255, 255, 1);
    // overflow: auto;
    padding: 0.825rem 0;
  }
  .Inv_ulb {
    font-weight: bold;
    width: 89.375rem;
    // height: 3.75rem;
    // overflow: auto;
    li {
      padding: 1rem;
    }
  }
  .ula_li {
    width: 15rem;
    text-align: center;
  }
  .Inv_ulb:nth-child(even) {
    background: rgba(0, 255, 255, 0.1);
  }
  .superviseList {
    overflow-x: auto;
    overflow-y: auto;
  }
  .superviseList::-webkit-my,
  .Inv_ula::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 0.6);
  }
  .superviseList::-webkit-scrollbar-thumb,
  .Inv_ula::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 1);
  }
  .category {
    color: #30dfff;
  }
  .myscrollbar {
    overflow: auto;
    width: 89rem;
    height: 60vh;
    margin: 0 auto;
  }
  .myscrollbar::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 0.6);
  }
  .myscrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba($color: #fff, $alpha: 1);
  }
  .evenbgColor:nth-child(odd) {
    background: rgba(0, 255, 255, 0.1);
  }
}
</style>
